<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/html">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Moskito Help</title>
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Mr+Bedfort">
    <link type="text/css" rel="stylesheet" rev="stylesheet" href="../resources/moskito/ext/bootstrap-3.1.1/css/bootstrap.css" />
    <link type="text/css" rel="stylesheet" rev="stylesheet" href="../resources/moskito/ext/custom-scrollbar/jquery.mCustomScrollbar.css" />
    <link type="text/css" rel="stylesheet" rev="stylesheet" href="../resources/moskito/ext/bootstrap-sortable/contents/bootstrap-sortable.css" />
    <link type="text/css" rel="stylesheet" href="../resources/moskito/ext/font-awesome-4.3.0/css/font-awesome.css">
    <link type="text/css" rel="stylesheet" rev="stylesheet" href="../resources/moskito/ext/select2-3.4.6/select2.css" />
    <link type="text/css" rel="stylesheet" rev="stylesheet" href="../resources/moskito/int/css/common.css" />

    <!--[if lt IE 9]><script src="../resources/moskito/int/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <!--[if lt IE 8]><link type="text/css" rel="stylesheet" rev="stylesheet" href="../static-int/css/bootstrap-ie7.css" /><![endif]-->
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>

<body class="status-red">

<script src="../resources/moskito/ext/jquery-1.10.2/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="../resources/moskito/ext/bootstrap-3.1.1/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../resources/moskito/ext/tablesorter/jquery.tablesorter.js" type="text/javascript"></script>
<script src="../resources/moskito/ext/tablesorter/jquery.metadata.js" type="text/javascript"></script>
<script src="../resources/moskito/ext/custom-scrollbar/jquery.mCustomScrollbar.js"></script>
<script src="../resources/moskito/ext/select2-3.4.6/select2.js" type="text/javascript"></script>
<script src="../resources/moskito/ext/bootstrap-validator/validator.min.js" type="text/javascript"></script>
<script src="../resources/moskito/int/js/common.js" type="text/javascript"></script>

        <header id="header" class="navbar navbar-fixed-top navbar-default">
            <span class="caret-aside pull-left tooltip-bottom" title="Close/Open">
                <i class="fa fa-caret-left"></i>
            </span>

            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <div class="navbar-collapse collapse">
                <form role="form" class="navbar-form navbar-left">
                    <div class="form-group">
                        <select class="select2" data-placeholder="Interval">
                            <option value="mskShowAllProducers?ts=1395951429786&amp;pInterval=snapshot">
                                snapshot
                            </option>

                            <option selected="selected" value="mskShowAllProducers?ts=1395951429786&amp;pInterval=default">
                                default
                            </option>

                            <option value="mskShowAllProducers?ts=1395951429786&amp;pInterval=1m">
                                1m
                            </option>

                            <option value="mskShowAllProducers?ts=1395951429786&amp;pInterval=5m">
                                5m
                            </option>

                            <option value="mskShowAllProducers?ts=1395951429786&amp;pInterval=15m">
                                15m
                            </option>

                            <option value="mskShowAllProducers?ts=1395951429786&amp;pInterval=1h">
                                1h
                            </option>

                            <option value="mskShowAllProducers?ts=1395951429786&amp;pInterval=12h">
                                12h
                            </option>

                            <option value="mskShowAllProducers?ts=1395951429786&amp;pInterval=1d">
                                1d
                            </option>
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="select2" data-placeholder="Interval">
                            <option value="mskShowAllProducers?ts=1395955899582&amp;pUnit=SECONDS">
                                SECONDS
                            </option>

                            <option selected="selected" value="mskShowAllProducers?ts=1395955899582&amp;pUnit=MILLISECONDS">
                                MILLISECONDS
                            </option>

                            <option value="mskShowAllProducers?ts=1395955899582&amp;pUnit=MICROSECONDS">
                                MICROSECONDS
                            </option>

                            <option value="mskShowAllProducers?ts=1395955899582&amp;pUnit=NANOSECONDS">
                                NANOSECONDS
                            </option>
                        </select>
                    </div>
                </form>

                <ul class="nav navbar-nav pull-right">
                    <li><a href="">Autoreload OF</a></li>
                    <li><a href="">Export</a></li>
                </ul>
            </div>
        </header>

        <aside id="aside" class="scrollbar">

            <div class="aside-container">

                <div class="header-box">
                    <span class="version">v 2.5.0-SNAPSHOT</span>
                    <i class="logo"></i>
                    <span class="logo-title">MoSKito Inspect</span>
                </div>

                <ul class="nav nav-sidebar nav-status">
                    <li class="active"><a href="producers.html">Producers <i class="fa fa-wrench"></i></a></li>
                    <li><a href="journeys.html">Journeys <i class="fa fa-eye"></i></a></li>
                    <li><a href="thresholds.html">Thresholds <i class="fa fa-dot-circle-o"></i></a></li>
                    <li><a href="accumulators.html">Accumulators <i class="fa fa-signal"></i></a></li>
                    <li>
                        <a href="threads.html">Threads <i class="fa fa-bars"></i></a>
                        <ul class="nav sub-menu">
                            <li><a href="threads_list.html">List <i class="fa fa-list"></i></a></li>
                            <li><a href="threads_dump.html">Dump <i class="fa fa-upload"></i></a></li>
                            <li><a href="threads_history.html">History <i class="fa fa-file-text"></i></a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Everything else <i class="fa fa-bookmark"></i></a>
                        <ul class="nav sub-menu">
                            <li><a href="else_config.html">Config <i class="fa fa-cog"></i></a></li>
                            <li><a href="else_mbeans.html">MBeans <i class="fa fa-briefcase"></i></a></li>
                            <li><a href="else_libs.html">Libs <i class="fa fa-file-text"></i></a></li>
                            <li><a href="else_plugins.html">Plugins <i class="fa fa-cloud"></i></a></li>
                            <li><a href="else_update.html">Update  <i class="fa fa-upload"></i></a></li>
                        </ul>
                    </li>
                </ul>

                <ul class="nav nav-sidebar contacts-nav">
                    <li>
                        <a href="#">About<i class="fa fa-info-circle"></i></a>
                        <ul class="nav sub-menu">
                            <li><a href="#Version" data-toggle="modal" data-target="#Version">Version</a></li>
                            <li><a href="#About" data-toggle="modal" data-target="#About">What is MoSkito?</a></li>
                            <li><a href="http://moskito.org" target="_blank">Documentation</a></li>
                            <li><a href="#Version" data-toggle="modal" data-target="#Version">Need help?</a></li>
                            <li><a href="#Contacts" data-toggle="modal" data-target="#Contacts">Contacts</a></li>
                        </ul>
                    </li>
                </ul>

                <div class="form-box">
                <label>Filter</label>

                <select class="select2" data-placeholder="Category">
                    <option value="mskShowProducersByCategory?pCategory=Select ">
                        Category
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=box">
                        box(387)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=api">
                        api(45)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=memory">
                        memory(10)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=web">
                        web(1)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=cache">
                        cache(52)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=page">
                        page(37)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=box-handler">
                        box-handler(26)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=action">
                        action(63)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=persistence-service">
                        persistence-service(1)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=threads">
                        threads(2)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=filter">
                        filter(5)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=service">
                        service(86)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=servlet">
                        servlet(3)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=business">
                        business(5)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=storage">
                        storage(7)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=annotated">
                        annotated(1)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=runtime">
                        runtime(1)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=os">
                        os(1)
                    </option>

                    <option value="mskShowProducersByCategory?pCategory=integration">
                        integration(2)
                    </option>
                </select>

                <select class="select2" data-placeholder="Subsystem">
                    <option value="mskShowProducersBySubsystem?pSubsystem=Select ">
                        Subsystem
                    </option>

                    <option value="mskShowProducersBySubsystem?pSubsystem=ano-site">
                        ano-site(511)
                    </option>

                    <option value="mskShowProducersBySubsystem?pSubsystem=default">
                        default(111)
                    </option>

                    <option value="mskShowProducersBySubsystem?pSubsystem=builtin">
                        builtin(15)
                    </option>

                    <option value="mskShowProducersBySubsystem?pSubsystem=persistence">
                        persistence(4)
                    </option>

                    <option value="mskShowProducersBySubsystem?pSubsystem=asg-cms">
                        asg-cms(40)
                    </option>

                    <option value="mskShowProducersBySubsystem?pSubsystem=biz">
                        biz(31)
                    </option>

                    <option value="mskShowProducersBySubsystem?pSubsystem=portal-kit-persistence">
                        portal-kit-persistence(2)
                    </option>

                    <option value="mskShowProducersBySubsystem?pSubsystem=monitoring">
                        monitoring(1)
                    </option>

                    <option value="mskShowProducersBySubsystem?pSubsystem=maf">
                        maf(1)
                    </option>

                    <option value="mskShowProducersBySubsystem?pSubsystem=portal-kit">
                        portal-kit(4)
                    </option>

                    <option value="mskShowProducersBySubsystem?pSubsystem=asg-fed">
                        asg-fed(4)
                    </option>

                    <option value="mskShowProducersBySubsystem?pSubsystem=tracking">
                        tracking(5)
                    </option>

                    <option value="mskShowProducersBySubsystem?pSubsystem=admin">
                        admin(2)
                    </option>

                    <option value="mskShowProducersBySubsystem?pSubsystem=mail">
                        mail(2)
                    </option>

                    <option value="mskShowProducersBySubsystem?pSubsystem=asg-fixture">
                        asg-fixture(2)
                    </option>
                </select>

                <input type="text" class="form-control" placeholder="Name Filter">

                </div>

                <div class="form-box">
                    <label>Server selector</label>
                    <select class="select2" data-placeholder="Subsystem">
                        <option value="mskShowProducersBySubsystem?pSubsystem=Select ">
                            Subsystem
                        </option>

                        <option value="mskShowProducersBySubsystem?pSubsystem=ano-site">
                            ano-site(511)
                        </option>

                        <option value="mskShowProducersBySubsystem?pSubsystem=default">
                            default(111)
                        </option>

                        <option value="mskShowProducersBySubsystem?pSubsystem=builtin">
                            builtin(15)
                        </option>

                        <option value="mskShowProducersBySubsystem?pSubsystem=persistence">
                            persistence(4)
                        </option>

                        <option value="mskShowProducersBySubsystem?pSubsystem=asg-cms">
                            asg-cms(40)
                        </option>

                        <option value="mskShowProducersBySubsystem?pSubsystem=biz">
                            biz(31)
                        </option>

                        <option value="mskShowProducersBySubsystem?pSubsystem=portal-kit-persistence">
                            portal-kit-persistence(2)
                        </option>

                        <option value="mskShowProducersBySubsystem?pSubsystem=monitoring">
                            monitoring(1)
                        </option>

                        <option value="mskShowProducersBySubsystem?pSubsystem=maf">
                            maf(1)
                        </option>

                        <option value="mskShowProducersBySubsystem?pSubsystem=portal-kit">
                            portal-kit(4)
                        </option>

                        <option value="mskShowProducersBySubsystem?pSubsystem=asg-fed">
                            asg-fed(4)
                        </option>

                        <option value="mskShowProducersBySubsystem?pSubsystem=tracking">
                            tracking(5)
                        </option>

                        <option value="mskShowProducersBySubsystem?pSubsystem=admin">
                            admin(2)
                        </option>

                        <option value="mskShowProducersBySubsystem?pSubsystem=mail">
                            mail(2)
                        </option>

                        <option value="mskShowProducersBySubsystem?pSubsystem=asg-fixture">
                            asg-fixture(2)
                        </option>
                    </select>
                </div>
            </div>

        </aside>

        <section id="main">
            <div class="alert alert-warning alert-dismissable">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                <strong>Welcome</strong> to moskito WebUI. <a href="">How it work?</a>
            </div>

            <div class="content">

                <div class="page-content">
                    <div class="box">
                        <h3>Help links</h3>
                        <ul class="point-list">
                            <li><a href="http://www.moskito.org/" target="_blank">MoSKito Homepage</a> is the best starting point.</li>
                            <li><a href="http://blog.anotheria.net/category/msk/" target="_blank">anotheria devblog</a> contains a lot of articles about MoSKito, in particular:</li>
                            <li><a href="http://blog.anotheria.net/msk/the-complete-moskito-integration-guide-step-1/" target="_blank">The complete integration guide</a>.</li>
                            <li>You could also check <a href="https://confluence.opensource.anotheria.net/display/MSK/Change+Log" target="_blank">the recent changes</a></li>
                            <li>or <a href="https://confluence.opensource.anotheria.net/display/MSK/MoSKito-Inspect+User+Guide" target="_blank">MoSKito Inspect Manual</a></li>
                            <li>and finally <a href="http://opensource.anotheria.net/" target="_blank">anotheria open source hub</a>.</li>
                            <li>MoSKito is free and opensource, <a href="https://github.com/anotheria/moskito" target="_blank">fork the project sources on github</a> and participate!</li>
                        </ul>
                    </div>
                    <div class="box">
                        <h3>Ask question?</h3>
                        <div class="row">
                            <div class="col-md-6">
                                <form id="feedbackForm" data-toggle="validator" method="post" role="form">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                <label for="typeRequest">Type of request</label>
                                                <select class="form-control" name="typeRequest" id="typeRequest">
                                                    <option>Feedback</option>
                                                    <option>Support</option>
                                                    <option>Customisation</option>
                                                    <option>Other</option>
                                                </select>
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group error">
                                                <label for="fName">First Name<span class="required-item">*</span></label>
                                                <input type="text" id="fName" name="fName" placeholder="First Name" class="form-control" data-error="Please, enter your First Name" required>
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="lName">Last Name<span class="required-item">*</span></label>
                                                <input type="text" id="lName" name="lName" placeholder="Last Name" class="form-control" data-error="Please, enter your Last Name" required>
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                <label for="cEmail">Email<span class="required-item">*</span></label>
                                                <input type="email" id="cEmail" name="cEmail" placeholder="Email address" class="form-control" data-error="Sorry, that email address is invalid" required>
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                <label for="cCompany">Company</label>
                                                <input type="text" id="cCompany" name="cCompany" placeholder="Company name" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                <label for="Note">Note<span class="required-item">*</span></label>
                                                <textarea id="Note" name="Note" placeholder="Write you question here" class="form-control" required></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-actions">
                                        <div class="pull-right">
                                            <button type="button" class="btn btn-default btn-lg" data-dismiss="modal">Close</button>
                                            <button type="submit" class="btn btn-primary btn-lg">Send</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <footer id="footer" class="navbar-default">
                <div class="row">
                    <div class="col-md-4">
                        <div class="footer-info">
                            Developed by <a href="">Anotheria</a>
                            <br>Email: <a href="mailto:support@moskito.org">support@moskito.org</a>
                        </div>
                    </div>
                    <div class="col-md-4">
                    </div>
                    <div class="col-md-4">
                        <a class="iphone-banner pull-right" href="#"><img alt="" src="../resources/moskito/int/img/iphone_banner.png"></a>
                    </div>
                </div>
            </footer>

        </section>


<!-- Modal -->
<div class="modal fade" id="contactUs" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Free Consultation</h4>
            </div>
            <div class="modal-body">
                <form id="feedbackForm" data-toggle="validator" method="post" role="form">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="typeRequest">Type of request</label>
                                <select class="form-control" name="typeRequest" id="typeRequest">
                                    <option>Feedback</option>
                                    <option>Support</option>
                                    <option>Customisation</option>
                                    <option>Other</option>
                                </select>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group error">
                                <label for="fName">First Name<span class="required-item">*</span></label>
                                <input type="text" id="fName" name="fName" placeholder="First Name" class="form-control" data-error="Please, enter your First Name" required>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label for="lName">Last Name<span class="required-item">*</span></label>
                                <input type="text" id="lName" name="lName" placeholder="Last Name" class="form-control" data-error="Please, enter your Last Name" required>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="cEmail">Email<span class="required-item">*</span></label>
                                <input type="email" id="cEmail" name="cEmail" placeholder="Email address" class="form-control" data-error="Sorry, that email address is invalid" required>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="cCompany">Company</label>
                                <input type="text" id="cCompany" name="cCompany" placeholder="Company name" class="form-control">
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="Note">Note<span class="required-item">*</span></label>
                                <textarea id="Note" name="Note" placeholder="Write you question here" class="form-control" required></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-actions">
                        <div class="pull-right">
                            <button type="button" class="btn btn-default btn-lg" data-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary btn-lg">Send</button>
                        </div>
                    </div>
                </form>

                <div class="submit-message" style="display:none;">
                    <p><strong>Thank you.</strong> Your message has been sent.</p>
                    <div class="modal-actions">
                        <button type="button" class="btn btn-default pull-right" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="Version" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Version</h4>
            </div>
            <div class="modal-body">
                <dl class="dl-horizontal">
                    <dt>App version:</dt>
                    <dd>net.anotheria/moskito-inspect-standalone 2.5.0-SNAPSHOT</dd>
                    <dt>file:</dt>
                    <dd>2014-05-23T14:02:26,000</dd>
                    <dt>MoSKito version</dt>
                    <dd>net.anotheria/moskito-webui-jersey 2.5.0-SNAPSHOT</dd>
                    <dt>file:</dt>
                    <dd>2014-05-12T00:02:40,000</dd>
                    <dt>Server:</dt>
                    <dd>Newest</dd>
                    <dt>Connection:</dt>
                    <dd>Local</dd>
                </dl>
            </div>
        </div>
    </div>
</div>

<!-- About -->
<div class="modal fade" id="About" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">What is MoSkito?</h4>
            </div>
            <div class="modal-body">
                <div class="modal-logo">
                    <img src="../resources/moskito/int/img/logo_blue.png">
                    <span class="logo-text">MoSKito Inspect</span>
                    <span class="logo-version">v 2.5.0-SNAPSHOT</span>
                </div>
                <h4>Don't wait for your customers to tell you that your site is down!</h4>
                <p>MoSKito Monitoring for Java applications. Complete ecosystem for DevOps. Free & open source.</p>
                <p>
                    MoSKito is an open source system for monitoring Java web applications.
                </p>
                <p>
                    <strong>With MoSKito, you may:</strong>
                </p>
                <ul>
                    <li>
                        collect, store and analyse any type of performance data (MoSKito-Essential),
                    </li>
                    <li>
                        create personalised storage for the collected data (MoSKito-Central),
                    </li>
                    </li>
                    <li>
                        effectively monitor multi-node applications (MoSKito-Control).
                    </li>
                </ul>
                <p>
                    In fact, MoSKito is a complete system kit for DevOps (as well as classical Devs and Ops) who care about performance of their web apps.
                </p>
                <p>
                    On this Confluence Space, you will find all the existing MoSKito documents. Browse the sections below, navigate the Confluence sidebar or use Search to find the documents you currently need.
                </p>
                <p>
                    <strong>Enjoy!</strong>
                    <br/>
                    <strong><a href="http://anotheria.net">Anotheria</a> Team</strong>
                </p>
                <div class="modal-actions">
                    <div class="pull-right">
                        <button class="btn btn-default btn-lg" data-dismiss="modal">Close</button>
                        <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#contactUs" data-dismiss="modal">Ask question?</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="Contacts" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Contacts</h4>
            </div>
            <div class="modal-body">
                <dl class="dl-horizontal">
                    <dt>Email:</dt>
                    <dd><a href="mailto:support@moskito.org">support@moskito.org</a></dd>
                    <dt>Phone:</dt>
                    <dd><a href="skype:+49(0)4035716835">+49 (0) 40 357 168 35</a></dd>
                    <dt>Feedback</dt>
                    <dd><a href="#contactUs" data-toggle="modal" data-target="#contactUs" data-dismiss="modal">Feedback Form</a></dd>
                    <dt>Website:</dt>
                    <dd><a href="http://moskito.org" target="_blank">moskito.org</a></dd>
                </dl>
                <div class="modal-actions">
                    <div class="pull-right">
                        <button class="btn btn-default btn-lg" data-dismiss="modal">Close</button>
                        <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#contactUs" data-dismiss="modal">Ask question?</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="olark-box-wrapper">

    <!-- Olark click-to-chat tab -->
    <div class="side-chat-container">
        <a id="side-chat" href="javascript:void(0);" onclick="changeClass()">
            Help Desk
        </a>
    </div>

    <!-- Empty container for Olark chat box  -->
    <div id="olark-box-container"></div>

</div>

<!-- begin olark code -->
<script data-cfasync="false" type='text/javascript'>/*<![CDATA[*/window.olark||(function(c){var f=window,d=document,l=f.location.protocol=="https:"?"https:":"http:",z=c.name,r="load";var nt=function(){
    f[z]=function(){
        (a.s=a.s||[]).push(arguments)};var a=f[z]._={
    },q=c.methods.length;while(q--){(function(n){f[z][n]=function(){
        f[z]("call",n,arguments)}})(c.methods[q])}a.l=c.loader;a.i=nt;a.p={
        0:+new Date};a.P=function(u){
        a.p[u]=new Date-a.p[0]};function s(){
        a.P(r);f[z](r)}f.addEventListener?f.addEventListener(r,s,false):f.attachEvent("on"+r,s);var ld=function(){function p(hd){
        hd="head";return["<",hd,"></",hd,"><",i,' onl' + 'oad="var d=',g,";d.getElementsByTagName('head')[0].",j,"(d.",h,"('script')).",k,"='",l,"//",a.l,"'",'"',"></",i,">"].join("")}var i="body",m=d[i];if(!m){
        return setTimeout(ld,100)}a.P(1);var j="appendChild",h="createElement",k="src",n=d[h]("div"),v=n[j](d[h](z)),b=d[h]("iframe"),g="document",e="domain",o;n.style.display="none";m.insertBefore(n,m.firstChild).id=z;b.frameBorder="0";b.id=z+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){
        b.src="javascript:false"}b.allowTransparency="true";v[j](b);try{
        b.contentWindow[g].open()}catch(w){
        c[e]=d[e];o="javascript:var d="+g+".open();d.domain='"+d.domain+"';";b[k]=o+"void(0);"}try{
        var t=b.contentWindow[g];t.write(p());t.close()}catch(x){
        b[k]=o+'d.write("'+p().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}a.P(2)};ld()};nt()})({
    loader: "static.olark.com/jsclient/loader0.js",name:"olark",methods:["configure","extend","declare","identify"]});
/* custom configuration goes here (www.olark.com/documentation) */
olark.configure('box.inline', true);
olark('api.box.expand');
olark.identify('7961-404-10-9387');/*]]>*/</script><noscript><a href="https://www.olark.com/site/7961-404-10-9387/contact" title="Contact us" target="_blank">Questions? Feedback?</a> powered by <a href="http://www.olark.com?welcome" title="Olark live chat software">Olark live chat software</a></noscript>
<!-- end olark code -->

<script type='text/javascript'>
    var changeClass;

    (function (d, olk) {
        // These functions are helpers for the below
        function getOlarkWrapper() {
            return d.getElementById("olark-box-wrapper");
        }

        function setOlarkVisible(olark_wrapper) {
            olark_wrapper.className = "chatbox-open";
        }

        function setOlarkHidden(olark_wrapper) {
            olark_wrapper.className = "chatbox-closed";
        }

        function olarkIsVisible(olark_wrapper) {
            return olark_wrapper.className.match(/(?:^|\s)chatbox-open(?!\S)/);
        }

        // This is used by the link to show/hide the inline page element
        changeClass = function() {
            var olark_wrapper = getOlarkWrapper();
            // Get the HTML object containing the Olark chat box
            // If the chat box is already open, close id
            if (olarkIsVisible(olark_wrapper)) {
                setOlarkHidden(olark_wrapper);
            } else {
                setOlarkVisible(olark_wrapper);
            }
        }

        // This is used to cause the box to auto-open if a visitor is already in conversation
        olk('api.visitor.getDetails', function (details) {
            if (details.isConversing) {
                setOlarkVisible(getOlarkWrapper());
            }
        });
    }(document, olark));
</script>

</body>
</html>


